<extend name="Base/common"/>

<block name="header">
    <link type="text/css" rel="stylesheet" href="__CSS__/news.css"/>
</block>

<block name="body">
	<!--大banner图-->
		<div class="m-banner am-cf"><img src="__PUBLIC__/images/banner1.jpg"></div>
		<!--大banner图-->
		<div class="container  index-news con-color am-cf">
          	<!--副标题-->
            <div class="path am-padding-1-sm am-padding-horizontal-md am-padding-horizontal-lg am-margin-bottom am-cf">                
                <!--登录状态-->
                <div class="subtitle  am-u-sm-12 am-u-md-6 am-u-lg-6 am-padding-0-sm">
				    <strong>V</strong>
				    <h3>新闻中心 / <span>详情</span></h3>
				    <p>
				        志/愿/青/春&nbsp;爱/我/寿/光<br/>
				        OLUNTEER PROJECT
				    </p>
				</div>
               <include file="Public/detail_login" />
            </div>
            <!--副标题-->
           	<!--新闻中心-->
            <div class="am-cf news-detail am-padding-sm am-padding-md am-padding-lg ">
                <div class="news-detail-tp am-text-center">
                    <p class="news-detail-title">{$info.title}</p>
                    <p>
                    	<span class="">文章来源：{$info.source}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    	<span>作者：{$author.nickname}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    	<span class="">发布日期：{$info.create_time|date='Y-m-d H:i',###}</span>
                    	
                    	<span>
                    		<if condition="check_auth('News/Index/edit',-1)||(($info['uid'] eq is_login())&&($info['status'] neq 1))">
	                            <a title="{:L('_EDIT_')}" href="{:U('News/index/edit',array('id'=>$info['id']))}" style="float: right"><i class="icon-edit" style="font-size: 16px;">{:L('_EDIT_')}</i></a>
	                        </if>
                    	</span>
                    </p>
                   
                    <div style="float:right;text-align:right">{:W('Common/Share/detailShare')}</div>
                    <if condition="($info['status'] eq 1)&&($info['dead_line'] gt time())">
                        <p class="am-text-center am-cf">                                        
                           <span>{:W('Weibo/Share/shareBtn',array('param'=>array('title'=>$info['title'],'content'=>$info['description'],'img'=>getThumbImageById($info['cover'],160,160),'from'=>L('_MODULE_'),'site_link'=>U('news/index/detail',array('id'=>$info['id']))),'text'=>L('_SHARE_')))}</span>		                               
                        </p>
                   	</if>
                   
                </div>
                <div class="news-detail-bt am-padding-vertical-sm am-padding-vertical-md am-padding-vertical-lg">
                	{$info.detail.content|render}
                </div>  
                	<div style="padding: 20px;padding-top: 0">
                    {:hook('localComment', array('path'=>"News/index/$info[id]", 'uid'=>$info['uid'],'count_model'=>'news','count_field'=>'comment','this_url'=>'news/index/detail'))}
                </div>
		    </div>
                   <!--新闻中心-->
		</div>
    </div>
    <script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
    <link rel="stylesheet" type="text/css" href="__STATIC__/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"/>
    <script type="text/javascript">
        SyntaxHighlighter.all();
    </script>
    <script>
        $(document).ready(function () {
            $('.popup-gallery').each(function () { // the containers for all your galleries
                $(this).magnificPopup({
                    delegate: '.popup',
                    type: 'image',
                    tLoading: 'Loading image #%curr%...',
                    mainClass: 'mfp-img-mobile',
                    gallery: {
                        enabled: true,
                        navigateByImgClick: true,
                        preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
                    },
                    image: {
                        tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
                        titleSrc: function (item) {
                            /*           return item.el.attr('title') + '<small>by Marsel Van Oosten</small>';*/
                            return '';
                        }
                    }
                });
            });

            $('.col-xs-8>.col-xs-4').insertAfter('.col-xs-8');
            $('.container>.col-xs-4').insertAfter('.container>.row>.col-xs-8');
        });
    </script>
</block>